觀看金魚都能懂網頁設計入門 14 ~ 16
在Css位置屬性裡，有

    position: relative;
    position: fixed;
    position: absolute;
    position: sticky;
    position: static;

而身為小金魚的我們可以先了解其中三種常用的定位，分別是 position: relative; position: fixed; position: absolute;而我們可以先為定位做個解釋。
定位：控制我的物件在畫面當中，他要依據誰來做對齊或依據誰來做位置的排列或定在某個位置上面

定位特性：

對於 position: fixed; 定位：

可以依據視窗來做定位，永遠固定在視窗範圍
https://codepen.io/mikeyam/pen/poyqYqz 小練習
經常會在： 選單、導覽列、logo、固定廣告、頁尾、back to top 等地方做使用。

對於 position: relative; 相對定位：

在資料中的位置去做偏移，當沒有做任何偏移，就不會有效果
可以這樣記住他 偏移顯示，佔據同一個位置

對於 position: absolute; 絕對定位：

他會將物件從資料中抽掉，像是fixed，但不會像fixed一樣固定在視窗上。
使用方式：在本身 class 下 position: absolute; 接著往上層（父層）找定位，遇到有其中一個定位 position: relative; position: fixed; position: absolute;，就不會在往上（父層）找。